<template>
    <!-- 组件效果 单独测试：快速原型开发 vue serve ./src/components/Pager/test.vue -->
   <div class="test-container">
    <Avatar :url="url"/>
  </div>
</template>

<script>
import Avatar from "./"
export default {
  name:"App", // 如果在组件没有在注册的时候没有指定名字，则使用该名字 
  components:{Avatar},
  data:()=>({
    url:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fupload-images.jianshu.io%2Fupload_images%2F7275569-309e8a95a49c6191.jpg&refer=http%3A%2F%2Fupload-images.jianshu.io&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619490432&t=250ff0212eb3c0fe87621a11b415ce34"
  }),
  methods:{
    fun(){
      return this.url
    },
   
  }
}
</script>
<style lang="less">

</style>
